<!DOCTYPE html>
<html> 
<head> 
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>统计查询</title> 
    <link rel="shortcut icon" href="favicon.ico">
	<link href="${WEB_PATH}/resources/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
	<link href="${WEB_PATH}/resources/css/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet">
    <link href="${WEB_PATH}/resources/css/plugins/bootstrap-table/bootstrap-editable.css" rel="stylesheet">
    <link href="${WEB_PATH}/resources/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="${WEB_PATH}/resources/css/plugins/chosen/chosen.css" rel="stylesheet">
    <link href="${WEB_PATH}/resources/css/style.min.css?v=5.0.0" rel="stylesheet"><base target="_blank">
	<link href="${WEB_PATH}/resources/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
	<link href="${WEB_PATH}/resources/js/plugins/datetimepicker/css/bootstrap-datetimepicker.css" rel="stylesheet">
	<link href="${WEB_PATH}/resources/css/plugins/treeview/bootstrap-treeview.css" rel="stylesheet">
    <link href="${WEB_PATH}/resources/css/plugins/jsTree/style.min.css" rel="stylesheet">
	<link href="${WEB_PATH}/resources/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" rel="stylesheet">
    <style>
    .widget.style1 h2 {
	    font-size: 40px;
	}
	.widget.style1 h3{
	    font-size: 24px;
	}
	.demo:after {
	    background-color: #F5F5F5;
	    border: 1px solid #DDDDDD;
	    border-radius: 4px 0 4px 0;
	    color: #9DA0A4;
	    content: "条件查询：";
	    font-size: 12px;
	    font-weight: bold;
	    left: -1px;
	    padding: 3px 7px;
	    position: absolute;
	    top: -1px;
	}
	.demo {
	    margin-left: 0px;
	    padding:40px 15px 0px;
	    border: 1px solid #DDDDDD;
	    border-radius: 4px;
	    position: relative;
	    word-wrap: break-word;
	}
	</style>
</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight"> 
       <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5><span id="areaName">视频监控</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content" style="height: auto;">
                         <div class="row row-lg">  
	                         <div class="row" style ="padding-top: 10px;">
	                          	<div class="col-sm-3" id="echarts-jcbg-bar">
	                          		<div class="panel panel-default" style ="height:542px;overflow:auto;" >
									    <div class="panel-body">
									    	<div id="using_json" class="test" style="height:200px;"></div>
									    </div>
									</div>
	                          	</div>
		           			  	<div class="col-sm-9">
		           			  		<div class="panel panel-default">
									    <div class="panel-body">
									    	<div id="echarts-ydjcsl-bar" style="height:auto;"></div>
									    </div>
									</div>
		           			  	</div>
		           			 </div>
	           			 </div>
                    </div>
                </div>
            </div>
        </div>
       <!-- End Panel Other -->
    </div>
    <script src="${WEB_PATH}/resources/js/jquery.min.js?v=2.1.4"></script>
    <script src="${WEB_PATH}/resources/js/ajax.extend.js"></script>
    <script src="${WEB_PATH}/resources/js/bootstrap.min.js?v=3.3.5"></script>
	<script src="${WEB_PATH}/resources/js/plugins/jsTree/jstree.min.js"></script>
	<script src="${WEB_PATH}/resources/js/plugins/layer/layer.js"></script>
	
	<script>
	var pageNum = 1;
	var title = '${areaName}';
	$(function(){
		
		$('#using_json').jstree({
            'core': {
            		'themes':{
			            "icons" : false
			        },
                    'data': ${json},
            }
	        }).bind('changed.jstree', function(event,data) {
	        		if(data.node.original.type=='camera'){
	        		    $("#echarts-ydjcsl-bar").load("${WEB_PATH }/reg/cameravideo/view/video.do?id="+data.node.id);
	        		}
	        		if(data.node.original.type=='org'){
	        		    $("#echarts-ydjcsl-bar").load("${WEB_PATH }/reg/cameravideo/view/orgvideo.do?id="+data.node.id);
	        		}
	                menuId = data.node.id;  //获取点击ID
	                leavaId = $(event.target).parents('li').attr('aria-level');  //获取点击ID
	                if(data.node.parent != "#") {
	               	//	$("#delMeun").removeAttr("disabled");
	                }else{
	                //	$("#delMeun").attr("disabled","disabled");
	                }
	        }).bind('dblclick.jstree', function(event) {
		}).bind('select_node.jstree', function(event,data){
			 data.instance.toggle_node(['Root 1', 'Root 2']);
		});
		  
	});
	
    </script>
</body>

</html>